﻿<div class="misc-wrapper">
    <h1 class="mb-2 mx-2" style="font-size: 6rem;">404</h1>
    <h4 class="mb-2 fw-semibold">Page Not Found ⚠️</h4>
    <p class="mb-4 mx-2">we couldn't find the page you are looking for</p>
    <div class="d-flex justify-center mt-5">
        <img src="images/misc-error-object.png" alt="misc-error" class="img-fluid misc-object d-none d-lg-inline-block" width="160">
        <img src="images/misc-bg-light.png" alt="misc-error" class="misc-bg d-none d-lg-inline-block" data-app-light-img="illustrations/misc-bg-light.png" data-app-dark-img="illustrations/misc-bg-dark.png">
        <div class="d-flex flex-column align-center">
            <img src="images/misc-error-illustration.png" alt="misc-error" class="img-fluid zindex-1" width="190">
            <div>
                <MudButton Href="/" Variant="Variant.Filled" Color="Color.Primary"
                           Class="my-4">
                    Back to home
                </MudButton>
            </div>
        </div>
    </div>
</div>

@code {

}